/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

// 主题信息
@themeVer: "V25.0";
@themeName: "vlook-joint";
@themeDesc: "Joint";

// 指定字体主题
.applyFontStyle(local);
// .applyFontStyle(sans);
// 指定主题配套的圆角
.applyThemeRadius(big);
// 文档背景使用图片
.applyDocBgImg(@docBgImgLight_Grid2, @docBgImgDark_Grid2);
// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #FABB0C;
@theme2: #6464D1;
@theme3: #201D10;
@theme1Dark: #F0B30C;
@theme1Alt: #FBF4DA;
@theme1AltDark: #413306;
@theme2Dark: #7171D5;
@theme2Alt: #E0E0F6;
@theme2AltDark: #1C1C5F;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);;
@themeBgColor: @theme1;
@themeBgColorFade: fade(@themeBgColor, 50%);
@themeBgColorDark: darken(@themeBgColor, 35%);
@themeBgColorAlt: lighten(@themeBgColor, 30%);

// 标题色
@headerColor: darken(@themeBgColor, 5%);
@headerColorDark: darken(@theme1Dark, 10%);
// 渐变标题色 h1-h5
// @lgHeaderBg: none;
// @lgHeaderBgClip: inherit;
// @lgHeaderColor: @headerColor;
// 6 级标题前缀内容
@h6BeforeContent: "⦿ ";
// @tocHeaderNumColor: @docTextColorLightFade;
@contentHeaderNumColor: darken(@themeBgColorFade, 10%);
@headerBackground: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
@multiHeaderBG: @headerBackground;
@headerTextAlign: center;
@headerPadding: 5px 0;
//@headerLetterSpacing: 0;//0.15em;

@h1BorderLeft: 10px solid var(--h-box-shadow);
@h2BorderLeft: 10px solid var(--h-box-shadow);
@h3BorderLeft: 10px solid var(--h-box-shadow);
@h4BorderLeft: 10px solid var(--h-box-shadow);
@h5BorderLeft: 10px solid var(--h-box-shadow);
@h6BorderLeft: 0;
@h1BorderRight: 10px solid var(--h-box-shadow);
@h2BorderRight: 10px solid var(--h-box-shadow);
@h3BorderRight: 10px solid var(--h-box-shadow);
@h4BorderRight: 10px solid var(--h-box-shadow);
@h5BorderRight: 10px solid var(--h-box-shadow);
@h6BorderRight: 0;

@hGap: 5px;
@h1Margin: 3em 0 @hGap 0;
@h2Margin: 3em 0 @hGap 0;
@h3Margin: 2em 0 @hGap 0;
@h4Margin: 2em 0 @hGap 0;
@h5Margin: 1.25em 0 @hGap 0;
@h6Margin: 1em 0 0 0;

// 自定义章节自动编号
// counter() 支持使用有序列表的符号格式（decimal/decimal-leading-zero/lower-roman/upper-roman/lower-alpha/upper-alpha），如：counter(h1, upper-alpha)
@vChpAutoNum: "h1{{#ALPHA#. }},h2{{#00#-sup# - }},h3{{#ROMAN-min# - }}";
@h1BeforeContent: counter(h1, upper-alpha) ". ";
@h2BeforeContent: counter(h1, upper-alpha) "." counter(h2, decimal-leading-zero) " - ";
@h3BeforeContent: counter(h3, upper-roman) " - ";

// 按钮色
@buttonForeColor: @theme3;
@buttonForeHoverColor: @theme1;
@buttonBgColor: @themeBgColor;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(big);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
@aLineColor: @theme2;
@aHoverColor: @aLineColor;
@aActiveColor: desaturate(@aLineColor, 30%);

// 封面、封底文字位置及对齐方式
@coverTextAlign: center;
@coverTextPadding: 200px 60px 50px;
@coverTextColor: @aHoverColor;
@coverSubColor: @theme3;
@coverUnderlineColor: @theme3;
@coverAuthorColor: @coverSubColor;
@coverOwnerColor: @coverSubColor;

@backCoverTextAlign: center;
@backCoverTextPadding: 200px 60px 50px;
@backCoverTextColor: @aHoverColor;

// 封面装饰性文本样式 before
@coverTextBeforeContent: "";
@coverTextBeforePosition: initial;
@coverTextBeforeLeft: initial;
@coverTextBeforeTop: initial;
@coverTextBeforeColor: initial;
@coverTextBeforeFontSize: initial;
@coverTextBeforeFontWeight: initial;
@coverTextBeforeOpacity: initial;
// 封面装饰性文本样式 after
@coverTextAfterContent: "";
@coverTextAfterTextAlign: initial;
@coverTextAfterLeft: initial;
@coverTextAfterTop: @coverTextBeforeTop;
@coverTextAfterRight: initial;
@coverTextAfterColor: @coverTextBeforeColor;
@coverTextAfterFontSize: @coverTextBeforeFontSize;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: @contrastBorder;//0 0 0 2px rgba(34, 36, 38, .2) inset;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-c-logo), var(--thm-c-wmark), var(--thm-c-bg-bottom);
@coverBackgroundSize: 80px 80px, auto, auto;
@coverBackgroundRepeat: no-repeat, repeat, repeat-x;
@coverBackgroundPosition: center 80px, top, center bottom;

// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: @coverBackgroundImage;
@backCoverBackgroundSize: @coverBackgroundSize;
@backCoverBackgroundRepeat: @coverBackgroundRepeat;
@backCoverBackgroundPosition: @coverBackgroundPosition;

// 文档扩展区域背景
@docExtBackgroundImage: var(--thm-doc-ext-bg), var(--thm-c-bg-bottom);
@docExtBackgroundSize: auto, auto;
@docExtBackgroundRepeat: no-repeat, repeat-x;
@docExtBackgroundPosition: left top, center bottom 50px;
@docExtBackgroundFilter: blur(8px);

// 封面、封底素材资源
:root {
    --thm-c-logo: url("");
    --thm-c-wmark: url("");
    --thm-c-bg-bottom: url("");
}

@import "../base";

// 生成指定风格的徽章样式
.genBadgeStyle(std);

// 生成 GSA 样式
.genGSA_simple();
